{extend name="public/layout"/}
{block name="title"}首页{/block}
{block name="head"}{/block}
{block name="body"}
<section class="mc-view-box">
  <div class="mc-scrollview">
    <div class="swiper-container" id="focus2">
      <div class="swiper-wrapper">
        {volist name=":patch('手机端首页轮播图')" id="vo"}
        <div class="swiper-slide"><img src="{$vo.file_url}" class="mc-img-responsive" alt=""></div>
        {/volist}
      </div>
    </div>
    <div class="height-10"></div>
    <ul class="mc-avg-sm-4 mc-avg-between menu-items">
      <li>
        <a href="/home/cms/items.html?class_id=26" class="menu-item">
          <div class="menu-icon icon-1"></div>
          <div class="menu-tit">产品中心</div>
        </a>
      </li>
      <li>
        <a href="/home/cms/items.html?class_id=24" class="menu-item">
          <div class="menu-icon icon-2"></div>
          <div class="menu-tit">案例展示</div>
        </a>
      </li>
      <li>
        <a href="/home/cms/items.html?class_id=25" class="menu-item">
          <div class="menu-icon icon-3"></div>
          <div class="menu-tit">新闻资讯</div>
        </a>
      </li>
      <li>
        <a href="/home/cms/items.html?class_id=28" class="menu-item">
          <div class="menu-icon icon-4"></div>
          <div class="menu-tit">联系我们</div>
        </a>
      </li>
    </ul>
    <div class="height-20"></div>
    <div class="p-d-20">
      <img src="/static/home/img/omy_01.png" class="mc-img-responsive" alt="">
      <div class="height-20"></div>
      <div class="index-title text-center">
        <p class="font-size18 line-height30">公司简介</p>
        <p class="font-size16 line-height24 font-upp" style="color:#aaaeb7">Company profile</p>
      </div>
      <div class="height-30"></div>
      <div class="font-size14 line-height30 text-justify">
        {:web_config('web_description')}
      </div>
      <div class="p-d-20 text-center">
        <a href="/home/cms/items.html?class_id=28" class="btn btn-white">了解详细</a>
      </div>
    </div>
    <div class="">
      <div class="height-20"></div>
      <div class="index-title text-center">
        <p class="font-size18 line-height30">案例展示</p>
        <p class="font-size16 line-height24 font-upp" style="color:#aaaeb7">Company profile</p>
      </div>
      <div class="height-30"></div>
      {:patch('手机端首页案例展示')}
      <div class="p-d-20 text-center">
        <a href="/home/cms/items.html?class_id=24" class="btn btn-white">查看更多案例</a>
      </div>
    </div>
    <div class="height-30"></div>
    <div class="contact-form">
      <div class="text-right font-size18 line-height30" style="color:#aaaeb7">在线留言</div>
      <div class="height-50"></div>
      <form class="form-horizontal" id="form" action="/home/index/message.html">
        <div class="form-group">
          <div class="col-sm-12">
            <input type="text"  name="name" class="form-control" placeholder="请填写您的姓名">
          </div>
          <div class="error-msg"></div>
        </div>
        <div class="form-group">
          <div class="col-sm-12">
            <input type="text" name="mobile" class="form-control" placeholder="联系电话">
          </div>
          <div class="error-msg"></div>
        </div>
        <div class="form-group">
          <div class="col-sm-12">
            <input type="text"  name="email" class="form-control" placeholder="电子邮箱">
          </div>
          <div class="error-msg"></div>
        </div>
        <div class="form-group">
          <div class="col-sm-12">
            <textarea class="form-control" name="content" rows="3" placeholder="留言信息"></textarea>
          </div>
          <div class="error-msg"></div>
        </div>
        <div class="form-group">
          <div class="col-sm-12 text-right">
            <button type="button" class="btn btn-sub">提交</button>
          </div>
        </div>
      </form>

    </div>
    <div class="p-d-20 text-center font-gray font-size12">
      ©2020 Baidu (京)-经营性-2017-0020京公网安备11000002000001号京ICP证030173号
    </div>
  </div>
  {include file="public/index_footer" /}
</section>
{/block}
{block name="script"}
<script>
  $(function () {
    swiper.init();
    formHelper.subForm(function (res) {
      console.info(res);
      if(res.code==1){
        $.toast("留言成功", function() {
          location.reload();
        });
      }else{
        $.toast("留言失败", function() {
          location.reload();
        });
      }
    });
  })
</script>
{/block}